<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html">

    <body>

        <ui:composition template="./AdministradorTemplate.xhtml">
            <ui:define name="top"></ui:define>
            <ui:define name="left"></ui:define>
            <ui:define name="right"></ui:define>

            <ui:define name="content">
                <h:form id ="form">
                    <p:panel header="Lista de todas las vacantes inactivas existentes para ser procesadas." > 
                        <h:panelGrid columns="1" > 
                            <h:outputLabel value="Meses de retraso para administrar vacantes: (Predeterminado: 3 meses)" ></h:outputLabel>
                            <p:inputText id="meses" 
                                         value="#{administradorActionListener.meses}" required ="true"
                                         requiredMessage="El número de meses es requerido" size="40"/>
                            <p:message for="meses" display="text" />
                            <h:outputText value="Motivo de rechazo de las Vacantes " style="width: auto"/>
                            <p:inputText value="#{administradorActionListener.motivo}" size="50"/>  
                            <p:commandButton value="Recuperar la lista de Vacantes Antiguas" 
                                             style="width: 300px" actionListener="#{administradorActionListener.llenarListaVacantesAntiguas}" 
                                             update="form2,form" process="@this"/>
                        </h:panelGrid>                  
                    </p:panel>  

                    <br></br>

                    <p:messages id="msgs" showDetail="true" /> <br></br> 
                </h:form>
                <h:form id="form2">
                    <p:panel id="panelVac">
                        <p:dataTable 
                            value="#{administradorActionListener.vacantesAntiguas}" var="vac" 
                            selection="#{administradorActionListener.vacanteSeleccionada}"
                            selectionMode="single"  paginator="true" rows="1">  

                            <p:messages id="msgs" showDetail="true" /> <br></br>
                            <br></br>

                            <f:facet name="header">  
                                Vacantes que tienen cierto tiempo activas en la base de datos: 
                            </f:facet>  


                            <p:column>

                                <h:outputText value="#{vac.htmlDescripcion}" escape="false" />   

                                <br></br>

                                <p:commandButton  value="Rechazar" action="#{administradorActionListener.rechazarVacante}" update="form2,form" process="@this">  
                                    <f:setPropertyActionListener value="#{vac}" target="#{administradorActionListener.vacanteSeleccionada}" /> 
                                    <p:collector value="#{vac}"
                                                 removeFrom="#{administradorActionListener.vacantesAntiguas}" />
                                </p:commandButton>  

                                <br></br>

                                <h:outputText value="Lugar de Trabajo centrado en el mapa." escape="false" />   <br></br>


                                <f:view contentType="text/html">


                                    <br></br>

                                    <p:gmap center="#{vac.latitud}, #{vac.longitud}" zoom="15" 
                                            type="ROADMAP" style="width:600px;height:400px"  widgetVar="map"
                                            mapTypeControl="true" navigationControl="true" 
                                            streetView="false" onPointClick="handlePointClick(event);"
                                            model="#{vac.emptyModel}" 
                                            overlaySelectListener="#{vac.emptyModel}"
                                            >
                                    </p:gmap>


                                </f:view>

                            </p:column>
                        </p:dataTable>  
                    </p:panel>

                    <br></br>
                    <p:dialog header="Acción de Administración" widgetVar="exitoDialogo" resizable="false" id="carDlg"  
                              showEffect="fade" hideEffect="explode" modal="true">
                        <h:outputLabel value="Éxito"/>
                    </p:dialog>


                </h:form>
            </ui:define>

            <ui:define name="bottom"></ui:define>
        </ui:composition>

    </body>
</html>
